<template>
	<view class="box1">
		<view :class="item.title === '未到' || item.title === '异常数量' ? 'textnum-action' : 'textnum'">
			{{ item.number }}
		</view>
		<view class="zt">
			{{ item.title }}
		</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		item: {
			type: Object,
			required: true
		}
	});
</script>

<style scoped lang="scss">
.box1 {
	width: 230rpx;
	height: 138rpx;
}
.textnum {
	color: black;
	font-size: 70rpx;
	text-align: center;
}
.textnum-action {
	color: #ffb21a;
	font-size: 70rpx;
	text-align: center;
}
.zt {
	color: #6f6f6f;
	text-align: center;
	font-size: 30rpx;
}
</style>